<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>CodePen - Card Hover Interactions</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/style.css">

</head>
<body>

<main class="page-content">
  <div class="card">
    <div class="content">
      <h2 class="title">山景</h2>
      <p class="copy">Check out all of these gorgeous mountain trips with beautiful views of, you guessed it, the mountains</p>
      <button class="btn">查看行程</button>
    </div>
  </div>
  <div class="card">
    <div class="content">
      <h2 class="title">去海滩</h2>
      <p class="copy">Plan your next beach trip with these fabulous destinations</p>
      <button class="btn">查看行程</button>
    </div>
  </div>
  <div class="card">
    <div class="content">
      <h2 class="title">沙漠目的地</h2>
      <p class="copy">It's the desert you've always dreamed of</p>
      <button class="btn">查看行程</button>
    </div>
  </div>
  <div class="card">
    <div class="content">
      <h2 class="title">Explore The Galaxy</h2>
      <p class="copy">Seriously, straight up, just blast off into outer space today</p>
      <button class="btn">查看行程</button>
    </div>
  </div>
</main>

  
</body>
</html>
